$BOX_SIZE: 22vw;

.cp-lottery-item {

  &.open {
    > .inner {
      .box {
        .box-cover {
          transform-origin: right center;
          transform: rotate(50deg) scale(0.85);
        }
      }
    }
  }

  > .inner {
    width: 100%;
    height: 100%;
    padding: 16px;
    @include boxSize();

    .box {
      height: 100%;
      //width: $BOX_SIZE;
      position: relative;

      > * {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        left: 0;
        bottom: 0;
      }

      .box-cover {
        background-image: url(/img/lottery/box-cover.png);
        z-index: 11;
      }

      .box-body {
        background-image: url(/img/lottery/box-body.png);
        z-index: 10;
      }
    }
  }
}